<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>学习模版语法</title>
</head>
<body>
    <h4>学习模版语法</h4>
    <p>
        if-else语句
        {% if username %}
            {# 变量 #}
            欢迎 {{ username }} <a href="{{ url_for('blue.logout') }}">注销</a>
        {% else %}
            <a href="/login/">登录</a>
        {% endif %}
    </p>
    <p>
        for循环语句
        {% for item in items %}
        
            {% if loop.first %}
                <p style='color:red'>{{ loop.index }}、{{ item }}</p>
            {% else %}
                <p>{{ loop.index }}、{{ item }}</p>
            {% endif %}

        {% endfor %}
    </p>
    <hr>

    <ol>
        模版处理分两个过程
        <li>加载HTML</li>
        <li>模版渲染（模版语言）</li>
    </ol>

    <ol>
        模版代码也同样包含两个部分
        <li>静态HTML</li>
        <li>动态插入的代码段（模版语法）</li>
    </ol>
    <a href="{{ url_for('blue.show_base') }}">测试模版继承语法</a>

</body>
</html>